<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Landscape</title>
    <% if (isDev) { %>
    <script>
        window.colors = {"color1":"rgba(0, 107, 204, 1)","color2":"rgba(214, 34, 147, 1)","color3":"rgba(96, 149, 214, 1)","color4":"rgba(0, 42, 81, 0.7)","color5":"rgba(1, 107, 204, 0.7)","color6":"rgba(0, 42, 81, 0.7)","color7":"rgba(180, 219, 255, 1)"};
    </script>
    <% } else { %>
    {%- if let Some(colors) = colors %}
      <script>window.colors = {{ colors|json|safe }};</script>
    {% endif -%}
    <% } %>
  </head>
  <body>
    <div id="landscape-embeddable-item-view"></div>
    <script type="module" src="/src/index.tsx"></script>
  </body>
</html>
